<template>
  <div>
    <h2 @click="showName">姓名：{{name}}</h2>
    <h2>性别：{{sex}}</h2>
  </div>
</template>

<script>
//引入一个mixin
import {mixin} from '../mixin.js'

export default {
    name: 'Student',
    data() {
        return {
            name: 'zs',
            sex: '男', 
        }
    },
    //School组件和Student组件都有这个methods配置，且内容一样，可以用配置到混合中
    // methods:{
    //     showName() {
    //         alert(this.name)
    //     }
    // },
    mounted() {
        console.log('Student: 组件挂载好了');
    },

    //配置混合们（局部混合，只在这个组件中生效）
    mixins: [
        mixin
    ]
}
</script>